.email-setting {
  height: 100%;
  overflow: hidden;
  .email-form-formItem {
    .wea-associative-search,
    .wea-input-normal,
    .wea-select {
      width: 300px;
    }
  }
  .common-height {
    height: calc(~"100% - 47px");
    overflow: auto;
  }
  /* 账户管理 */
  &-account {
    .common-height;
    position: relative;
    &-tip {
      border: 1px solid #ccc;
      border-radius: 4px;
      background: #fffcdc;
      position: absolute;
      padding: 10px;
      bottom: 3px;
      left: 14px;
      > p {
        color: #e39031;
      }
    }
    &-edit {
      &-group {
        .wea-content {
          padding-left: 30px;
        }
        .email-form-formItem {
          display: inline-block;
        }
        .email-form-formItem.serverType {
          display: block;
        }
        .email-form-formItem.isStartTls {
          .wea-form-item-wrapper {
            > span {
              cursor: pointer;
              margin-left: 10px;
            }
          }
        }
        .email-form-formItem.needSave {
          .wea-switch {
            margin-right: 15px;
          }
        }
        .email-form-formItem.autoreceive {
          .wea-switch {
            margin-right: 10px;
          }
        }
        .email-form-formItem.sentItems {
          .wea-error {
            display: inline-block;
            width: 37.5%;
            float: left;
          }
          .email-setting-account-edit-form-receiveSent {
            display: inline-block;
            padding-left: 10px;
          }
        }
      }
      .ant-spin-nested-loading,
      .ant-spin-container,
      .account-result {
        height: 100%;
        position: relative;
        overflow-y: auto;
      }
      .account-result {
        &-container {
          &-header {
            position: relative;
            height: 40%;
            .icon {
              display: inline-block;
              width: 71px;
              position: absolute;
              bottom: 30px;
              left: 50%;
              margin-left: -35.5px;
              .validate-loading {
                font-size: 30px;
                color: #ddd;
              }
            }
            p.result-info {
              width: 60%;
              color: #999;
              line-height: 30px;
              text-align: center;
              margin: 0 auto;
              position: absolute;
              bottom: 0;
              left: 50%;
              margin-left: -30%;
              border-bottom: 1px solid #eaeaea;
            }
          }
          &-main {
            width: 60%;
            margin: 10px auto;
            i.icon-coms-Upload-successfully-o {
              color: #70d256;
            }
            .icon-coms-Clear {
              color: #ff3f00;
            }
            .icon-coms-Prompt {
              color: #f2a945;
            }

            span.result-info-null {
              width: 60%;
              color: #ff4646;
              text-align: center;
              position: absolute;
            }

            &-check {
              color: #333;
              > span {
                line-height: 30px;
                height: 30px;
                display: inline-block;
              }
              &-item,
              &-nopass {
                i {
                  font-size: 16px;
                  margin-right: 8px;
                }
              }
              &-item {
                display: inline-block;
                min-width: 47%;
              }
              &-nopass {
                .msg {
                  color: #ff4646;
                }
                .log {
                  color: #2db7f5;
                  margin-left: 8px;
                  cursor: pointer;
                }
              }
            }
            &-body.success-loading {
              display: inline-block;
              min-width: 185px;
              margin: 0 auto;
              position: absolute;
              left: 50%;
              margin-left: -92.5px;
            }
          }
        }
      }
    }
    &-new {
      &-stepbar {
        width: 85%;
        margin: 33px auto;
      }
      &-content {
        margin: 0 40px;
        height: calc(~"100% - " 125px);
        overflow-y: auto;
      }
      &-service-group {
        .email-form-formItem {
          display: inline-block;
        }
        .email-form-formItem.serverType {
          display: block;
        }
        .email-form-formItem.isStartTls {
          .wea-form-item-wrapper {
            > span {
              cursor: pointer;
              margin-left: 10px;
            }
          }
        }
        .email-form-formItem.needSave {
          .wea-switch {
            margin-right: 15px;
          }
        }
        .email-form-formItem.sentItems {
          .wea-error {
            display: inline-block;
            width: 37.5%;
            float: left;
          }
          .email-setting-account-new-form-receiveSent {
            display: inline-block;
            padding-left: 10px;
          }
        }
      }
      .ant-spin-nested-loading,
      .ant-spin-container,
      .account-result {
        height: 100%;
        position: relative;
        overflow-y: auto;
      }
      .account-result {
        &-container {
          &-header {
            position: relative;
            height: 23%;
            .icon {
              display: inline-block;
              width: 71px;
              position: absolute;
              bottom: 30px;
              left: 50%;
              margin-left: -35.5px;
              .validate-loading {
                font-size: 30px;
                color: #ddd;
              }
            }
            p.result-info {
              width: 80%;
              color: #999;
              line-height: 30px;
              text-align: center;
              margin: 0 auto;
              position: absolute;
              bottom: 0;
              left: 50%;
              margin-left: -40%;
              border-bottom: 1px solid #eaeaea;
            }
          }
          &-main {
            width: 80%;
            margin: 10px auto;
            i.icon-coms-Upload-successfully-o {
              color: #70d256;
            }
            .icon-coms-Clear {
              color: #ff3f00;
            }
            .icon-coms-Prompt {
              color: #f2a945;
            }

            span.result-info-null {
              width: 78%;
              color: #ff4646;
              text-align: center;
              position: absolute;
            }

            &-check {
              color: #333;
              > span {
                line-height: 30px;
                height: 30px;
                display: inline-block;
              }
              &-item,
              &-nopass {
                i {
                  font-size: 16px;
                  margin-right: 8px;
                }
              }
              &-item {
                display: inline-block;
                min-width: 47%;
              }
              &-nopass {
                .msg {
                  color: #ff4646;
                }
                .log {
                  color: #2db7f5;
                  margin-left: 8px;
                  cursor: pointer;
                }
              }
            }
            &-body.success-loading {
              display: inline-block;
              min-width: 185px;
              margin: 0 auto;
              position: absolute;
              left: 50%;
              margin-left: -92.5px;
            }
          }
        }
      }
    }
    &-foldersdialog {
      &-folder-tip {
        background-color: #ebeff5;
        padding: 5px 0;
        text-align: center;
      }
      &-content {
        padding-left: 70px;
      }
    }
  }

  /* 常规设置 */
  &-conventional {
    .email-form-formItem;
    .common-height;
    &-form {
      height: calc(~"100% - 50px");
      overflow: auto;
    }
    &-operate {
      height: 49px;
      line-height: 49px;
      border-top: 1px solid #ddd;
      text-align: right;
      padding: 0 15px;
      .wea-more-button {
        margin-left: 10px;
      }
    }
    .wea-input-number {
      width: 71%;
    }

    .emlsavedays {
      padding-left: 5px;
    }

    .emlsavedays .wea-input-normal,
    .fontsize .wea-select {
      width: 100px;
      margin-right: 6px;
    }
    .titlePrefix .wea-select {
      width: 380px;
    }

    .fontsize .wea-form-item-wrapper {
      position: relative;
      span.example {
        position: relative;
        top: 5px;
      }
    }

    .email-form-formItem.saveInterval {
      .wea-input-number {
        width: 100px;
      }
      .emlsavedays {
        padding-left: 15px;
      }
    }
  }
  /* 模板管理 */
  &-template {
    &-preview {
      &-content {
        word-break: break-all;
      }
    }
  }

  /* 签名管理 */
  &-sign {
    &-edit {
      &-elect {
        position: relative;
        margin-top: 15px;
        overflow: hidden;
        &-user {
          width: 516px;
          height: 243px;
          margin-left: 30px;
          border: 1px solid #ddd;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          overflow: hidden;
          > div {
            float: left;
          }
          &-img {
            margin-right: 15px;
            position: relative;
            height: 100%;
            width: 174px;
            box-sizing: border-box;
            > img {
              height: 100%;
              width: 174px;
              object-fit: cover;
            }
            > .wea-upload {
              position: absolute;
              bottom: 0;
              width: 100%;
              > div,
              > div > span,
              > div > span > span {
                width: 100%;
              }
              .change-img {
                width: 100%;
                text-align: center;
                background: #000;
                cursor: pointer;
                color: #fff;
                opacity: 0.3;
                padding: 5px;
              }
            }
          }
          &-info {
            width: calc(~"100% - " 189px);
            .elect-item {
              padding-right: 15px;
              line-height: 32px;
              > div {
                display: inline-block;
              }
              .clear {
                clear: both;
              }
              .name {
                float: left;
                word-break: break-all;
              }
              .show-name {
                margin-right: 4px;
              }
              .option {
                float: right;
                font-size: 14px;
                // text-align: right;
                > i:not(:last-child) {
                  margin-right: 10px;
                }
                > i {
                  cursor: pointer;
                }
              }
              > .wea-select {
                width: auto;
                margin-right: 10px;
              }
              > .wea-input-normal {
                position: relative;
                top: 2px;
                width: calc(100% - 80px);
                > .ant-input-wrapper {
                  width: calc(~"100% - " 20px);
                }
                > .wea-helpful-tip {
                  right: 0px !important;
                  top: 0px !important;
                }
              }
            }
          }
        }
        &-qrcode {
          width: 175px;
          padding: 0 10px;
          position: absolute;
          left: 546px;
          top: 4px;
          &-refresh {
            font-size: 20px;
            .icon-coms-Refresh {
              cursor: pointer;
            }
          }
          &-info {
            line-height: 18px;
          }
          &-img {
            width: 155px;
            > img {
              width: 100%;
            }
          }
        }
      }
    }
  }

  /* 邮件规则 */
  &-rule {
    &-edit {
      &-editRule {
        .wea-table-editable:first-child {
          .wea-cascader > .wea-select:nth-child(1),
          .wea-cascader > .wea-select:nth-child(2) {
            width: 20%;
          }
          .wea-cascader > .wea-select:nth-child(3) {
            width: 30%;
          }
          .wea-cascader > .wea-input-normal {
            position: absolute;
            width: 40%;
          }
          .wea-cascader > .wea-browser {
            vertical-align: middle;
            width: 40%;
          }
          .wea-cascader > .wea-date-picker {
            vertical-align: middle;
          }
        }
        .wea-table-editable:nth-child(2) {
          .wea-cascader > .wea-browser {
            vertical-align: middle;
            width: 40%;
          }
          .wea-cascader > .wea-select:nth-child(1) {
            width: 20%;
            max-width: 150px;
          }
          .wea-cascader > .wea-select:nth-child(2) {
            width: 40%;
          }
        }
      }
    }
  }

  /* 标签管理 */
  &-label {
    &-color {
      width: 14px;
      height: 14px;
      display: inline-block;
      vertical-align: -3px;
      margin-right: 10px;
    }
    &-label {
      word-break: break-all !important;
    }
  }

  /* 文件夹管理 */
  &-folder {
    &-title {
      height: 46px;
      line-height: 46px;
      padding-left: 20px;
    }
  }

  /* 自动回复 */
  &-auto-respond {
    position: relative;
    height: calc(~"100% - 47px");
    &-form {
      overflow: auto;
      position: absolute;
      width: 100%;
      top: 0;
      bottom: 49px;
      &-tip {
        border: 1px solid #ccc;
        border-radius: 4px;
        background: #fffcdc;
        position: absolute;
        padding: 10px;
        bottom: 3px;
        left: 14px;
        > p {
          color: #e39031;
        }
      }
    }
    &-operate {
      height: 49px;
      line-height: 49px;
      border-top: 1px solid #ddd;
      text-align: right;
      padding: 0 15px;
      position: absolute;
      width: 100%;
      bottom: 0;
      .wea-more-button {
        margin-left: 10px;
      }
    }
  }

  /* 黑名单管理 */
  &-black-list {
    .common-height;
    position: relative;
    &-tip {
      border: 1px solid #ccc;
      border-radius: 4px;
      background: #fffcdc;
      position: absolute;
      padding: 10px;
      bottom: 3px;
      left: 14px;
      > p {
        color: #e39031;
      }
    }
    &-edit {
      &-title {
        width: 530px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
      }
      &-formItem.mailAddress {
        .wea-form-item-wrapper > p {
          height: 30px;
          line-height: 30px;
        }
      }
      .wea-search-group {
        .wea-form-cell {
          padding: 0px 10px;
        }
      }
    }
  }

  /* 自动清理规则 */
  &-autoClearRule {
    .common-height;
    &-rule {
      &-title {
        .wea-helpful-tip {
          margin-left: 10px;
        }
      }
      .wea-table-editable:first-child {
        .wea-cascader > .wea-select:nth-child(1) {
          width: 20%;
        }
      }
      .wea-table-editable {
        .wea-cascader > .wea-input-normal {
          width: 40%;
        }
      }
      .wea-cascader {
        .wea-input-number {
          width: 100px;
          .wea-helpful-tip {
            right: -55px !important;
          }
        }
        .wea-browser {
          min-width: 400px;
          .ant-select-enabled {
            display: inline-block;
          }
        }
      }
    }

    &-form {
      height: calc(~"100% - 50px");
      overflow: auto;
    }

    &-operate {
      height: 49px;
      line-height: 49px;
      border-top: 1px solid #ddd;
      text-align: right;
      padding: 0 15px;
      .wea-more-button {
        margin-left: 10px;
      }
    }
  }
}
